CSS Module [TIL] 2020/11/10 react 개발할 때 css 클래스 이름이 겹치면 어디서 겹쳤던지 항상 갑자기 문제를 일으키고는 했는데, 그러한 부분을 일절 발생하지 않게 해주는 모듈을 찾았다 => + 팀 프로젝트를 할 때도 다른 사람과 클래스 이름이 겹치도록 만들어줘도 전혀 오류가 발생하지 않도록 도와준다. CRA(Create React App)에서의 lint 설정 by ESlint => AirBnB 컨벤션 적용하기( )... 깃 커밋 되돌리기git resetESLintTILairbnb conventionCSS Modulecra project settinggit logcra 프로젝트 세팅git commit 되돌리기CSS Module REACT - Component styling BEM 네이밍은 같은 CSS 방법론을 사용해도 되고, CSS Selector 처럼 .App h1 식으로 어느 뎊스를 나타내줌으로 어디에 있는지 명확히 작성하는 것도 방법입니다. 문법적으로 매우 멋진 스타일시트 Sass는 CSS 전처리기로 복잡한 작업을 쉽게 할 수 있도록 해주고 재활용성을 높여 줄 뿐 아니라 코드의 가독성을 높여 유지 보수를 더욱 쉽게 해 줍니다. Sass는 두가지 확장자를 ... CSS Modulestyled componentSassReactCSS Module
[TIL] 2020/11/10 react 개발할 때 css 클래스 이름이 겹치면 어디서 겹쳤던지 항상 갑자기 문제를 일으키고는 했는데, 그러한 부분을 일절 발생하지 않게 해주는 모듈을 찾았다 => + 팀 프로젝트를 할 때도 다른 사람과 클래스 이름이 겹치도록 만들어줘도 전혀 오류가 발생하지 않도록 도와준다. CRA(Create React App)에서의 lint 설정 by ESlint => AirBnB 컨벤션 적용하기( )... 깃 커밋 되돌리기git resetESLintTILairbnb conventionCSS Modulecra project settinggit logcra 프로젝트 세팅git commit 되돌리기CSS Module REACT - Component styling BEM 네이밍은 같은 CSS 방법론을 사용해도 되고, CSS Selector 처럼 .App h1 식으로 어느 뎊스를 나타내줌으로 어디에 있는지 명확히 작성하는 것도 방법입니다. 문법적으로 매우 멋진 스타일시트 Sass는 CSS 전처리기로 복잡한 작업을 쉽게 할 수 있도록 해주고 재활용성을 높여 줄 뿐 아니라 코드의 가독성을 높여 유지 보수를 더욱 쉽게 해 줍니다. Sass는 두가지 확장자를 ... CSS Modulestyled componentSassReactCSS Module